{% load static %}

<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Neon Admin Panel">
	<meta name="author" content="">
	<title>登录</title>
	<link rel="stylesheet" href="{% static 'css/jquery-ui-1.10.3.custom.min.css' %}">
	<link rel="stylesheet" href="{% static 'css/entypo.css' %}">
	<link rel="stylesheet" href="{% static 'css/css.css' %}">
	<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
	<link rel="stylesheet" href="{% static 'css/neon-core.css' %}">
	<link rel="stylesheet" href="{% static 'css/neon-theme.css' %}">
	<link rel="stylesheet" href="{% static 'css/neon-forms.css' %}">
	<link rel="stylesheet" href="{% static 'css/custom.css' %}">

	<script src="{% static 'js/jquery-1.11.0.min.js' %}"></script>
	<script src="assets/js/ie8-responsive-file-warning.js"></script>


	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>



</head>
<body class="page-body login-page login-form-fall" data-url="http://neon.dev">

<script type="text/javascript">
var baseurl = '';
</script>

<div class="login-container">

	<div class="login-header login-caret">

		<div class="login-content">

			<a href="index.html" class="logo">
				<h2 style="color: #fff1f0; font-weight:bold ">海洋牧场监测可视化系统</h2>
			</a>

			<p class="description">欢迎使用海洋牧场监测可视化系统！</p>

			<!-- progress bar indicator -->
			<div class="login-progressbar-indicator">
				<h3>43%</h3>
				<span>logging in...</span>
			</div>
		</div>

	</div>

	<div class="login-progressbar">
		<div></div>
	</div>

	<div class="login-form">

		<div class="login-content">

			<div class="form-login-error">
				<h3>Invalid login</h3>
				<p>Enter <strong>demo</strong>/<strong>demo</strong> as login and password.</p>
			</div>

			<form method="post" role="form" action="/app01/login/" id="form_login">

				<div class="form-group">

					<div class="input-group">
						<div class="input-group-addon">
							<i class="entypo-user"></i>
						</div>

						<input type="text" class="form-control" name="username" id="username" placeholder="用户名" autocomplete="off">
					</div>

				</div>

				<div class="form-group">

					<div class="input-group">
						<div class="input-group-addon">
							<i class="entypo-key"></i>
						</div>

						<input type="password" class="form-control" name="password" id="password" placeholder="密码" autocomplete="off">
					</div>

				</div>

<!--				<div class="form-group">-->
<!--					<label>for="id_codde">图片验证码</label>-->
<!--					<div class="row">-->
<!--						<div class="col-xs-7">-->
<!--							<input type="text" name="code" class="form-control" placeholder="请输入验证码">-->
<!--							<span style="color: red;"></span>-->
<!--						</div>-->
<!--						<div>-->
<!--							<img id="image_code" src="{% static 'image/code'%}" >-->
<!--						</div>-->
<!--						<input type="password" class="form-control" name="password" id="password" placeholder="密码" autocomplete="off">-->
<!--					</div>-->

<!--				</div>-->

				<div class="form-group">
					<button type="submit" class="btn btn-primary btn-block btn-login">
						<i class="entypo-login"></i>
						登录
					</button>
				</div>

				<!-- Implemented in v1.1.4 -->				<div class="form-group">
					<em>- 或者 -</em>
				</div>

				<div class="form-group">

					<a href="/app01/registry"  class="btn btn-default btn-lg btn-block btn-icon icon-left facebook-button">
						注册
						<i class="entypo-facebook"></i>
					</a>

				</div>
			</form>

		</div>

	</div>

</div>

	<script src="{% static 'js/main-gsap.js' %}"></script>
	<script src="{% static 'js/jquery-ui-1.10.3.minimal.min.js' %}"></script>
	<script src="{% static 'js/bootstrap.js' %}"></script>
	<script src="{% static 'js/joinable.js' %}"></script>
	<script src="{% static 'js/resizeable.js' %}"></script>
	<script src="{% static 'js/neon-api.js' %}"></script>
	<script src="{% static 'js/jquery.validate.min.js' %}"></script>
	<script src="{% static 'js/neon-login.js' %}"></script>
	<script src="{% static 'js/neon-custom.js' %}"></script>
	<script src="{% static 'js/neon-demo.js' %}"></script>

</body>
</html>